import React, { Component } from 'react';
import { render } from 'react-dom';
import { BrowserWindow } from 'electron';
import './index.css';

class App extends Component {

  constructor(props){
    super(props);
    this.state = {
      list:[
        "shopping_list.html",
        "tic_tac_toe.html","dismiss"
      ]
    }
  }

  // 在按钮被点击时
  handleBtnClick() {
    // 新窗口对应的页面的 URI 地址
    // 新窗口的大小
    // let win = new BrowserWindow({ 
    //   width: 400, 
    //   height: 320,
    //   webPreferences: {
    //     nodeIntegration: true,
    //     contextIsolation: false
    //   } })
    // win.on('close', function () {
    //   // 窗口被关闭时清空资源
    //   win = null
    // })
    // // 加载网页
    // win.loadFile('login.html')
    // // 显示窗口
    // win.show()
    let win = window.open('login.html')
  }

  render() {
    return (
      <div>
        <h1>Page Index</h1>
        <button onClick={this.handleBtnClick}>Open Page Login</button>
        {
          this.state.list.map((file)=>(<p><a href={file}>{file}</a></p>))
        }
      </div>
    )
  }
}

render(<App/>, window.document.getElementById('app'));
